function addFooter() {
  let footer = `
    <!-- 页脚 -->
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-topcontainer">
        <div class="footer-top">
          <div class="topcontent-item">
            <img src="/images/foot/discount-new.webp">
            <p class="main-text">独家优惠</p>
            <p class="sub-text">独家在线产品和特权</p>
          </div>
          <div class="topcontent-item">
            <img src="/images/foot/lock-new.webp">
            <p class="main-text">正品保证</p>
            <p class="sub-text">官方直供原装</p>
          </div>
          <div class="topcontent-item">
            <img src="/images/foot/mail-new.webp">
            <p class="main-text">免费顺丰速递</p>
            <p class="sub-text">港澳台偏远地区除外亦可提供普通快递服务</p>
          </div>
          <div class="topcontent-item">
            <img src="/images/foot/gift-new.webp">
            <p class="main-text">高定礼盒</p>
            <p class="sub-text">尊享YSL高定礼盒包装甄享官网专属定制服务</p>
          </div>
        </div>
      </div>
      <div class="footer-center center">
        <div>
          <ul>
            <p>彩妆</p>
            <li> <a href="#">唇部</a></li>
            <li><a href="#">面部</a></li>
            <li><a href="#">眼部</a></li>
          </ul>
        </div>
        <div>
          <ul>
            <p>香水</p>
            <li><a href="#">女士香水</a></li>
            <li><a href="#">男士香水</a></li>
            <li><a href="#">高定香水</a></li>
          </ul>
        </div>
        <div>
          <ul>
            <p>护肤</p>
            <li><a href="#">按产品分类</a></li>
            <li><a href="#">按功能分类</a></li>
            <li><a href="#">按系列分类</a></li>
          </ul>
        </div>
        <div>
          <ul>
            <p>关注我们</p>
            <li><img src="/images/foot/微博.png">
              <a href="#">微博</a>
            </li>
            <li><img src="/images/foot/微信.png">
              <a href="#">微信</a>
            </li>
            <li><img src="/images/foot/抖音.png">
              <a href="#">抖音</a>
            </li>
            <li><img src="/images/foot/xhs.webp">
              <a href="#">小红书</a>
            </li>
          </ul>
        </div>
        <div class="subscribe-box">
          <ul>
            <p>联系我们</p>
            <li class="text">
              <img src="/images/foot/对话信息_填充.png">
              <a href="#">在线客服</a>
            </li>
            <li>
              <img src="/images/foot/电话.png">
              <a href="#">电话：400-820-6362</a>
            </li>
          </ul>
        </div>
        <div class="subscribe-lastbox">
          <p>订阅电子杂志</p>
          <div class="inp">
            <input type="text" placeholder="输入您的电子邮箱">
            <a href="#">订阅</a>
          </div>
        </div>
      </div>
      <div class="footer-bottom center">
        <div>
          <p>国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。</p>
        </div>
        <div class="footer-bottom-icp">
          <div class="left">
            <p>© 欧莱雅（中国）有限公司</p>
            <p><a href="#">中国工商</a></p>
            <p><a href="#"> &nbsp;沪ICP备08100043号-28</a></p>
            <p><a href="#">沪公网安备 31010602001529号</a></p>
            </ul>
          </div>
          <div class="right">
            <p><a href="#">Cookies政策</a></p>
            <p><a href="#">使用条款</a></p>
            <p><a href="#">隐私政策</a></p>
            <p><a href="#">网站地图</a></p>
          </div>
        </div>
      </div>
    </div>
  </footer>    
    `
  $('#footer').html(footer)
}
//初始化加载
$(function () {
  addFooter()
})